<template>
  <div class="flex flex-row items-stretch">
    <!-- 左侧边栏。 -->
    <aside class="w-60 border-r bg-gray-100 flex justify-center items-center text-gray-400">
      文件类型选择
    </aside>

    <div class="app-drag flex-1 bg-gray-50 flex flex-col">
      <header class="h-8 flex justify-end">
        <button type="button" class="app-no-drag text-sm px-2 py-1 cursor-pointer hover:bg-gray-100 transition" v-on:click="windowMinimize">
          <i class="el-icon-minus"></i>
        </button>
        <button type="button" class="app-no-drag text-sm px-2 py-1 cursor-pointer hover:bg-gray-100 transition" v-on:click="windowMaximize">
          <i class="el-icon-copy-document"></i>
        </button>
        <button type="button" class="app-no-drag text-sm px-2 py-1 cursor-pointer hover:bg-red-500 hover:text-white transition" v-on:click="windowClose">
          <i class="el-icon-close"></i>
        </button>
      </header>

      <router-view class="flex-1" v-bind:key="Math.random()"></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "home-chat-layout",
};
</script>